227817 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

とある日常

とある日常

枠内の文字をタテにずらす

■ マス目内の文字を上下にずらす



テーブル内のタテの位置を変える
<td valign=" 属性値 ">~</td>


「td」に「valign」を組み合わせることで、枠内の文字を上下に動かすことができます。
属性値には「top」「middle」「bottom」のどれかを入れます。


たとえばこの例をみてください。



「valign="top"」としたとき:





「<table border="1">
 <tr><td valign="top">●</td></tr>
 <tr><td valign="top">□</td></tr>
 <tr><td valign="top">▲</td></tr>
 </table>」




「valign="middle"」としたとき:





「<table border="1">
 <tr><td valign="middle">●</td></tr>
 <tr><td valign="middle">□</td></tr>
 <tr><td valign="middle">▲</td></tr>
 </table>」




「valign="bottom"」としたとき:





「<table border="1">
 <tr><td valign="bottom">●</td></tr>
 <tr><td valign="bottom">□</td></tr>
 <tr><td valign="bottom">▲</td></tr>
 </table>」




別々の位置にしたとき:





「<table border="1">
 <tr><td valign="top">●</td></tr>
 <tr><td valign="middle">□</td></tr>
 <tr><td valign="bottom">▲</td></tr>
 </table>」





© Rakuten Group, Inc.